<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>ProCal-ProSer</title>
	
	<!-- bootstrap -->
	<link href="../../template/css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="../../template/css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/elements.css">

	<!-- this page specific styles -->

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
<body>
	<script src="../../javascript/Seguridad/header.js"></script>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<script src="../../javascript/Seguridad/section.js"> </script>
			</div>
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1>Búsqueda Avanzada</h1>
						<div class="row">
							<div class="col-lg-12">
								<div class="main-box clearfix">
									<h3 class="pull-left">Ingrese los datos para la busqueda</h3>

																	
										<!--<a href="ViewCrearUsuario.html" class="btn btn-primary pull-right">
											<i class="fa fa-crosshairs fa-lg"></i> 
											<span>Búsqueda Basica</span>
										</a>-->

										
										<div class="row">
											<div class="col-lg-12"></br>
												<!--<form name="myForm"></br>-->
													<label>Que tipo de documento desea buscar : </label>
													<input type="radio" name="tipoB" id="ra1" value="PUBLICACION" style="width: 50px;" checked> Publicacion
													<input type="radio" name="tipoB" id="ra2" value="FICHA" style="width: 50px;"> Ficha<br>
												<!--</form>-->
											</div>	
										</div>
										<div class="row">
												<br>
												<div id="filaVista">

												</div>
										</div>
										<br>	
										<div class="row">
											<div class="col-md-4"></div>	
											<div class="col-md-4">
												<button type="button" class="btn btn-default" id="nuevoElemento">Agregar elemento</button>
												<button type="button" class="btn btn-default" id="buscar">Buscar</button>
												<button type="button" class="btn btn-default" onclick="history.back();">Regresar</button>
											</div>
											<div class="col-md-4"></div>
										</div>
									</div>
								
									<div class="main-box clearfix" id="mainbox">
									<div class="clearfix" id="clearpub">
									<h3>Resultados para publicaciones</h3>

									<div class="pull-left">									
										

										<p style="width: 1175px;padding-left: 0px;" id="CANTIDADP">"CANTIDADP".</p>

										<!--<label id="" style="width: 1050px;" >Cantidad de publicaciones encontradas:<input readOnly type="CANTIDADP"  id="CANTIDADP"></input></label >-->
										


									</div>
									</div>
									<div class="table-responsive" style="overflow:auto;height:400px;" id="clearpubtab">
										<table class="table user-list">
											<thead>	
												<tr>
													<th class="text-center">
														<span>Título</span>
													</th>
													<th class="text-center">
														<span>Tipo de Publicacion</span>
													</th>
													<th class="text-center">
														<span>Fuente</span>
													</th>
													<th class="text-center">
														<span>Idioma</span>
													</th>
													<th class="text-center">
														<span>Ver Publicacion</span>
													</th>
												</tr>
												</tr>
											</thead>
											<tbody id="listaPublicaciones">
												
											</tbody>	
										</table>
										<!--<ul class="pagination pull-right">
												<li>
													<a href="#">
														<i class="fa fa-chevron-left"></i>
													</a>
												</li>
												<li>
													<a href="#">1</a>
												</li>
												<li>
													<a href="#">
														<i class="fa fa-chevron-right"></i>
													</a>
												</li>
										</ul>-->
									</div>
									<div class="clearfix" id="clearfib">
									<h3 >Resultados para fichas bibliográficas</h3>
									<div class="pull-left">
									<p  id="CANTIDADF">"CANTIDADF".</p></div>
								</div>
									<!--<label  style="width: 1050px;" >Cantidad de Fichas encontradas:<input readOnly type="CANTIDADF"  id="CANTIDADF"></input></label >-->

									<div class="table-responsive" style="overflow:auto;height:400px;" id="clearfibtab">
										<table class="table user-list" >
											<thead>	
												<tr>
													<th class="text-center">
														<span>Encabezado</span>
													</th>
													<th class="text-center">
														<span>Titulo Abreviado</span>
													</th>
													<th class="text-center">
														<span>Nombre</span>
													</th>
												
												    <th class="text-center">
														<span>Ver Ficha </span>
													</th>
												</tr>
												</tr>
											</thead>
											<tbody id="listaFichas">
												
											</tbody>	
										</table>
										<!--<ul class="pagination pull-right">
												<li>
													<a href="#">
														<i class="fa fa-chevron-left"></i>
													</a>
												</li>
												<li>
													<a href="#">1</a>
												</li>
												<li>
													<a href="#">
														<i class="fa fa-chevron-right"></i>
													</a>
												</li>
										</ul>-->
									</div>
								</div>
								
								</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 <a href="http://www.adbee.sk/" target="_blank">TESIS</a>. Powered by Nadya - Albert
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="../../template/js/jquery.js"></script>
	<script src="../../template/js/bootstrap.js"></script>
	<script src="../../javascript/Busqueda/BusquedaAvanzada.js"></script>
	<script src="../../javascript/Busqueda/Busqueda.js"></script>
	<script src="../../javascript/Seguridad/interfaz.js"></script>
	
	<!-- this page specific scripts -->
	
	<!-- theme scripts -->
	<script src="../../template/js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->

	
</body>
</html>